<html>
<head>
	<meta charset='utf-8' />
	<title>小区信息助手</title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
	<style>
		
		@media screen and (max-width:450px){
			#content{width:98%;margin:0 auto;border:0px solid}
			/*页面宽度900以下时 .abc的宽度为450*/
		}
		@media screen and (min-width:450px){
			#content{width:450px;margin:0 auto;border:0px solid}
			/*页面宽度900以下时 .abc的宽度为450*/
		}
	</style>
</head>
<body id='content'>
	<div style='height:100%;padding:5px' id='main' class='l1'>

		<div style='text-align:left;font-size:12px'><a href="index.html" style='text-decoration:none'>首页</a></div>

		<h2 style='text-align:center'>发布信息</h2>

		<div style='display:flex;margin:20px 0'>
			<div style='display:inline-block'>标题：</div>
			<div style='flex:1'>
				<input type="text" style='width:100%'/>
			</div>
		</div>
		<div style='display:flex;margin:20px 0'>
			<div style='display:inline-block'>内容：</div>
			<div style='flex:1'>
				<textarea style='width:100%;height:300px;resize:none' name="" id="" cols="30" rows="10"></textarea>
			</div>
		</div>
		<div style='display:flex;margin:20px 0'>
			<div style='display:inline-block'>类型：</div>
			<label><input type="radio" name='x' value='1'  checked /> 普通</label>
			<label><input type="radio" name='x' value='1' /> 投票</label>
		</div>
		<div style='display:flex;margin:20px 0;position:relative'>
			<div style='display:inline-block'>验证码：</div>
			<input type="text" style='width:70px'>
			<img src="../img/s9.jpg" style='width:70px;height:30px;position:absolute;margin-left:150px' alt="">
		</div>

		<div style='margin:20px auto;text-align:center'>
			<button>提交</button>
			<button>重置</button>
		</div>

	</div>



</body>
</html>
<script src='../public/jquery.js'></script>
<script src='../public/fun.js'></script>
<script>
$(function(){

});
</script>